<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./一号.css">
    <link rel="stylesheet" href="./iconfont.css">

</head>
<body>
    <div class="full theme-color">
        <div class="wrap relative">
    <img src="./imgs/111.png" alt="">
    <a href="#" class="close">
        <span class="iconfont">&#xe624;</span>
    </a>
    </div>
    </div>
    <div class="full nav">
        <div class="wrap">
        <div class="item">送货地址:上海</div> 
        <div class="item"> Hi,请 登录</div>
        <div class="item">注册</div>
        <div class="item">我的订单</div>
        <div class="item">客户服务</div>
        <div class="item">APP下载</div>
        </div>
    </div>
    <div class="full">
            <div class="wrap search-box">
            <img src="./imgs/logo.png">
            <div class="search">
                <div class="input">
                    <div class="si">
                        <input id="search" placeholder="三枪内衣 买三送一" type="text">
                        <label for="search">搜索</label>
                    </div>
                    <div class="tags">
                                <span>洽洽 </span>
                                <span>虾米干 </span>
                                <span>腐竹 </span>
                                <span>鱼片 </span>
                                <span>鲳鱼</span>
                                <span>小蒸锅</span>
                                <span>今典</span>
                                <span>五常米</span>
                                <span>波司登</span>
                                <span>内裤</span>
                                <span>华夫饼</span>
                    </div>
                    <div class="cate tags">
                        <span>1号抢购</span>
                        <span>1号团</span>
                        <span>领券中心</span>
                        <span>捡便宜</span>
                        <span>全球进口</span>
                        <span>1号生鲜</span>
                        <span>美妆馆</span>
                        <span>家居馆</span>
                        <span>电器城</span>
                    </div>
                </div>
                <div class="cart-btn">
                    <a href="#">购物车</a>
                </div>
            </div>

        </div>
    </div>
    <div class="full theme-color">
        <div class="wrap main-cate">
        <div class="left">
        <ul>
            <li><a href="#">全球进口</a></li>
            <li><a href="#">食品/酒/生鲜</a></li>
            <li><a href="#">母婴/玩具/童装</a></li>
            <li><a href="#">宠物/纸巾/厨卫清洁</a></li>
            <li><a href="#">家居/家纺/家装</a></li>
            <li><a href="#">美妆个人清洁</a></li>
            <li><a href="#">女装/男装/内衣/珠宝</a></li>
            <li><a href="#">鞋靴/箱包/运动户外</a></li>
            <li><a href="#">手机/数码/电脑办公</a></li>
            <li><a href="#">家用电器/汽车用品</a></li>
            <li><a href="#">医药/保健滋补/成人</a></li>
            <li><a href="#">图书</a></li>
        </ul>
        </div>
        <div class="mid">
        </div>
        <div class="right">
            <div class="userinfo">
             <a href="#">
                <img src="./img/avatar_default.jpg">
             </a>
            </div>
            <div class="login-box">
             <div class="msg">Hi~你好</div>
             <div class="btns">
             <a href="#">登录</a>
             <a href="#">注册</a>
             </div>
            </div>
            <div class="cates">
                <div class="item">
                    <img src="./img/5a5d634fN2b21ec7c.png">
                    <div class="name">金币商城</div>
                </div>
                    <div class="item">
                        <img src="./img/5a5d6402N21a3f551.png">
                        <div class="name">会员中心</div>
            </div>
                <div class="item">
                    <img src="./img/5a5d6457N9437cf51.png">
                    <div class="name">充值中心</div>
        </div>
        </div>
        <div class="news">
            <a href="/" class="item">
                【优选】 品质好物,制造商直供
            </a>
            <a href="/" class="item">
                【优选】 一餐一食,生活中的小确幸
            </a>
            <a href="/" class="item">
                【优选】 夏日冰箱美食大作战！
            </a>
        </div>
    </div>
</body>
</html>